.course_video_edit_cr.bln{

  .video_loading{

  }

  .player_cr{
    margin-top : 10px;
    position: relative;
  }

  .op_mask{
    display: none;
    position: absolute;
    text-align: center;
    left : 50%;
    top : 50%;
    transform: translate(-75px,-52px);
  }

  .op_mask:before{
    content : "";
    display: inline-block;
    vertical-align: middle;
    height : 100%;
  }

  .op{
    text-align: center;
    display: inline-block;
    position: relative;
    z-index : 10000;
  }

  .hint{
    width : 150px;
    height : 60px;
    color : #ccc;

    margin-bottom: 10px;
  }

  //.mask{
  //  position: absolute;
  //  top : 0;
  //  left : 0;
  //  right : 0;
  //  bottom: 0;
  //}

  #player:hover + .op_mask,.op_mask:hover{
    display: block;
  }

  .upload_progress_lists{
    margin-top : 30px;

    .progress_title{
      font-size : 16px;
      font-weight: bold;
      margin-bottom: 10px;
    }

    ul.upload_ul{
      display: table;
      list-style: none;

      li{
        display: table-row;
        span{
          display: table-cell;
          padding-right : 30px;
          padding-bottom: 10px;
        }

        span.file_name{
        }

        span.file_status{
        }

        span.progress{

          div.progress_bar{
            position: relative;
            height : 31px;
            line-height: 31px;
            width : 200px;
            border-radius: 10px;
            border : 1px solid #c7c7c7;
            text-align: center;
          }

          div.pr_num{
            z-index : 101;
            width : 20px;
            text-align: center;
            margin : 0 auto;
            position: relative;
          }

          div.process{
            background-color : #5cff0e;
            position: absolute;
            top : 0;
            bottom: 0;
            left : 0;
            border-radius: 10px;
            z-index: 99;
            transition: width,right 0.1s,0.1s;
          }

          div.merge_process{
            background-color : #ffa41a;
            position: absolute;
            top : 0;
            bottom: 0;
            left : 0;
            border-radius: 10px;
            z-index: 100;
            transition: width,right 0.1s,0.1s;
          }
        }
      }
    }
  }
}
